<!DOCTYPE html>
<html lang="en"
      xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>MyPetstore</title>
</head>
<body>
<div th:replace="common/top"></div>

<div id="Content">
    <div id="Catalog">
        <p>Please enter your username and password.</p>

        <form action="/account/login" method="post">
            <table class="rwd-table">
                <tr>
                    <td>        Username:</td>
                    <td><input type="text" name="username"></td>
                    <td>&nbsp;</td>
                </tr>
                <tr>
                    <td>        Password:</td>
                    <td><input type="password" name="password"></td>
                    <td>&nbsp;</td>
                </tr>
<!--                <tr>-->
<!--                    <td>VerificationCode:</td>-->
<!--                    <td><input type="text" name="vrfCode"></td>-->
<!--                    <td><img src="verifyCode" alt="refresh" onclick="change(this)"></td>-->
<!--                </tr>-->
            </table>

            <p>
                <input type="submit" name="signon" value="Login" class="dissociated-btn"></input>
            </p>

        </form>

        Need a user name and password?
        <a href="/account/newAccount" class="register-link" >Register Now!</a>
    </div>
</div>

<div th:replace="common/bottom"></div>
</body>
</html>